<template>
	<view class="popup popup-notice">
		<view class="popup--content flex--row flex--align-center">
			<text class="popup--text flex--grow__2">
				<slot></slot>
			</text>
			<image class="popup--img flex--grow__1" src="@/static/assist/standingPerson.svg" aria-label="警告" ></image>
		</view>
	</view>	
</template>

<script>
	export default{
		
	}
</script>

<style lang="scss">
	.popup{
		z-index:9999;
		position:fixed;
		&--content{
			width:100%;
			border-radius:8px;
		}
		&--text{
			text-align:center;
			font-size: 16px;
			color:rgba(232, 89, 12, 0.8);
			font-weight: 700;
		}
	}
	
	.popup-notice{
		 top:25%;
		 width:300px;
		
		.popup--content{
			width:100%;
			padding:20px 0px;
			border-radius:8px;
		}	 
			 
		.popup--text{
			padding:2px 2px;
			background-color: rgba(209, 117, 25, 0.2);
			border-radius: 8px;
		}
	}
</style>